<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <h2>Essential Links</h2>
    <ul>
      <li>
        <a
          href="https://vuejs.org"
          target="_blank"
        >
          Core Docs
        </a>
      </li>
      <li>
        <a
          href="https://forum.vuejs.org"
          target="_blank"
        >
          Forum
        </a>
      </li>
      <li>
        <a
          href="https://chat.vuejs.org"
          target="_blank"
        >
          Community Chat
        </a>
      </li>
      <li>
        <a
          href="https://twitter.com/vuejs"
          target="_blank"
        >
          Twitter
        </a>
      </li>
      <br>
      <li>
        <a
          href="http://vuejs-templates.github.io/webpack/"
          target="_blank"
        >
          Docs for This Template
        </a>
      </li>
    </ul>
    <h2>Ecosystem</h2>
    <ul>
      <li>
        <a
          href="http://router.vuejs.org/"
          target="_blank"
        >
          vue-router
        </a>
      </li>
      <li>
        <a
          href="http://vuex.vuejs.org/"
          target="_blank"
        >
          vuex
        </a>
      </li>
      <li>
        <a
          href="http://vue-loader.vuejs.org/"
          target="_blank"
        >
          vue-loader
        </a>
      </li>
      <li>
        <a
          href="https://github.com/vuejs/awesome-vue"
          target="_blank"
        >
          awesome-vue
        </a>
      </li>
    </ul>
    <el-button type="primary" @click="isShow = true">开启</el-button>
    <el-button type="primary" @click="noShow = true">开始</el-button>
    <el-button type="primary" @click="openNotify">开启提示</el-button>
  </div>
</template>

<script>
import { Decrypt, Encrypt, timer } from '../..'

export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App, Vue.js App',
      isShow: false,
      noShow: false
    }
  },
  created() {
      console.log('timer--------', timer)
      const num = '12321321321'
      const res = Encrypt(num)
      console.log('Decrypt, Encrypt-----------', Decrypt, Encrypt)
      console.log('加密--------', res)
      console.log('解密--------', Decrypt(res))
  },
  methods: {
    openNotify() {

    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
  .eli-component{
    width: 200px;
  }
  .el-upload__tip {
    margin-top: 10px;
  }
  .upload-image {
    width: 148px;
    height: 148px;
  }
  img {
    border: none;
  }
  .diy-upload{
    width: 400px;
  }
h1, h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
.container{
  height: 200px;
  width: 100%;
}
  .wrapper{
    width: 4000px;
    height: 500px;
  }
  .el-form-item{
    display: flex;
    flex-direction: row;
  }
  .item{
    height: 20px;
    color: #000000;
  }
  .input{
    border-radius: 4px;
    width: 230px;
    &.staff{
      width: 198px;
    }
  }
</style>
